/* static/css/alert_msg.css */


/* 新弹框样式 : */
.custom-alert-new {
    margin-top: 20px;
    position: fixed;
    right: 20px; /* 从右侧位置开始 */
    transform: translateY(-50%); /* 垂直居中 */
    margin-bottom: 20px;
    background-color: #ffffff; /* 白色背景 */
    color: #000000; /* 黑色字体 */
    border: 2px solid red; /* 红色边框 */
    padding: 15px;
    border-radius: 5px;
    z-index: 1000;
    opacity: 0; /* 初始透明度 */
    transition: opacity 0.5s, transform 0.5s; /* 添加过渡效果 */
    transform: translate(100%, -50%); /* 从右侧滑入 */
}
/* 让第一个弹框距离顶部20px */
.custom-alert-new:first-of-type {
    top: 20px !important; /* 距离顶部20px */
}
/* 动效 */
.custom-alert-new.show {
    top: 20px; /* 距离顶部20px */
    opacity: 1; /* 显示时设置为不透明 */
    transform: translate(0, -50%); /* 移动到最终位置 */
}
